<template>
  <!-- 搜索 -->
    <div class="sousuo">
        <TopHeader title="搜索" />
        <div class="sousuo_input_box">
            <input type="text" placeholder="请输入商家或美食名称">
            <button>提交</button>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Sousuo'
    }   
</script>
<style src="../../assets/css/reset.css" scoped></style>
<style lang="stylus" scoped>
    .sousuo
        .sousuo_top
            position fixed
            top 0px
            left 0px
            right 0px
            height 55px
            background-color #02a774
            z-index 999
            text-align center
            color #fff
            font-size 28px
            line-height 55px
            text-shadow 1px 1px 2px black 
        .sousuo_input_box
            height 42px
            background-color #fff
            padding 7px 7px
            display flex                        
            button
                float right 
                width 75px
                height 100%
                margin-left 9px
                border-radius 3px
                background-color #02a774
                font-size 20px
                color #fff
                border none
            input
                height 100%
                flex 1
                background-color #f2f2f2
                border-radius 5px
                padding-left 7px
</style>